.monitor-main-pane {
    -fx-background-color: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%); ;
}

.monitor-main-pane .header-pane .title-label {
    -fx-font-size: 20px;
    -fx-font-weight: bold;
    -fx-padding: 5px 5px 5px 20px;
}

.monitor-main-pane .nav-pane {
    -fx-border-color: derive(-fx-main-background-color, -20%);
    -fx-border-width: 0 1px 0 0;
    -fx-spacing: 10px;
    -fx-padding: 10px 0 0 0;
}

.monitor-main-pane .nav-pane .button {
    -fx-min-width: 150px;
    -fx-max-width: 150px;
    -fx-padding: 10px;
    -fx-font-size: 16px;
    -fx-font-weight: 800;
}

.monitor-main-pane .content-pane {
    -fx-padding: 10px;
    -fx-hgap: 20px;
    -fx-vgap: 20px;
}

.monitor-main-pane .content-pane .summary-item-pane {
    -fx-pref-width: 150px;
    -fx-pref-height: 150px;
    -fx-border-width: 1px;
    -fx-border-radius: 10px;
    -fx-border-color: -fx-main-border-color;
    -fx-padding: 10px;
    -fx-alignment: center;
    -fx-effect: dropshadow(three-pass-box, #b9def0, 20, 0.5, 0, 0);
}

.monitor-main-pane .content-pane .summary-item-pane .num-label {
    -fx-font-size: 60px;
    -fx-padding: 10px;
    -fx-text-fill: lightblue;
    -fx-fill: lightblue;
}

.monitor-main-pane .content-pane .grid-user-cell {
    -fx-border-width: 1px;
    -fx-border-radius: 10px;
    -fx-border-color: -fx-main-border-color;
    -fx-padding: 10px;
    -fx-spacing: 5px;
    -fx-alignment: center;
    -fx-effect: dropshadow(three-pass-box, #b9def0, 20, 0.5, 0, 0);
}